<template>
  <div>
    <img class="imgView" :src="course.pic">
    <p class="ellipsis1 nameLabel">{{course.title}}</p>
    <p class="ellipsis1 testLabel" :style="{'color':course.examMsg.passCount == course.examMsg.totalExamCount ? '#009944':'#999999'}">已完成测试({{course.examMsg.passCount}}/{{course.examMsg.totalExamCount}})</p>

  </div>

</template>

<script>
  export default {
    name: 'PlanItemM',
    props: {
      course: {
        default() {
          return {}
        }
      }
    },
  }
</script>

<style scoped>
  .imgView {
    width: 100%;
    height: auto;
    border-radius: 4px;
  }
  .nameLabel {
    margin-top: 8px;
    font-family: PingFang-SC-Bold;
    font-size: 16px;
    color: #333333;
  }
  .testLabel {
    margin-top: 4px;
    font-family: PingFang-SC-Medium;
    font-size: 14px;
  }

</style>
